@import '../../../../assets/scss/_newCash.scss';
.repay_plan_wrap {
  overscroll-behavior-y: contain;
  .jf-btn-big {
    @include px2rem(border-radius, 10);
  }
  .jf-floatframe2-header {
    height: auto;
    line-height: normal;
    padding: 0.453rem 0 0.267rem 0;
    h3 {
      color: #333333;
      font-weight: bold;
      @include px2rem(font-size, 30);
    }
    h5 {
      @include px2rem(font-size, 22);
      color: $colorGray;
    }
  }
  .jf-floatframe2-content {
    .total_info {
      padding: 0.533rem 0.34667rem 0.533rem 0.53333rem;
      border-bottom: 0.013rem solid #ebebeb;
      text-align: left;
      .title {
        @include px2rem(font-size, 28);
        color: #666666;
      }
      .amount {
        @include px2rem(font-size, 52);
        color: $colorBlack;
        @include px2rem(margin-top, 30);
        font-weight: 700;
      }
      .amount_tips {
        @include px2rem(font-size, 24);
        color: #cccccc;
        @include px2rem(margin-top, 20);
      }
    }
    .repay_plan_li {
      width: auto;
      height: auto;
      text-align: left;
      .repay_plan {
        @include px2rem(height, 140);
        @include px2rem(padding, 0 26 0 40);
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        line-height: 1;
      }
      .repay_sp {
        display: block;
        overflow: hidden;
        &:first-child {
          color: $colorBlack;
          font-size: 0.373rem;
        }
      }
      .cell_money {
        text-align: right;
        height: 100%;
      }
    }
  }
  .repay_plan_h1 {
    position: relative;
  }
  .repay_plan_close {
    @include wh(50, 50);
    @include px2rem(right, 40);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background: url(../../../../assets/img/cashLoan/close.png) no-repeat center;
    @include px2rem(background-size, 28);
  }
  .repay_p {
    height: 100%;
  }
}
